<div>
    <div ng-include src="'views/html/mealDetailCard.html'"></div>
</div>


<div class="col-lg-9 col-md-9 pull-right">
    <div>
        <h4>Ratings</h4>
        <rating ng-model="ratings" max="5" readonly="isReadonly" on-hover="hoveringOver(value)" on-leave="overStar = null"></rating>
        <span class="label" ng-class="{'label-warning': percent<30, 'label-info': percent>=30 && percent<70, 'label-success': percent>=70}" ng-show="overStar && !isReadonly">{{percent}}%</span>
    </div>
    <!-- <input type="text" ng-model="ratings"/> -->
    <div class="post_descr">
        <label>Review Comment</label>
        <textarea class="form-control" ng-model="reviews"></textarea>
    </div>
    <div>
        <button class="btn btn-primary" ng-click="postReviews()">Post Review</button>
    </div>
</div>